<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>餐饮后台管理系统--订单管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/admin/static/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/admin/static/css/all.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/admin/static/css/index.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/admin/static/css/cuisineList.css" type="text/css" />
    <script src="${pageContext.request.contextPath}/admin/static/js/down.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/admin/static/js/menu.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/admin/static/js/order.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/admin/static/js/userbox.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/admin/static/js/del.js" type="text/javascript"></script>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>

<body>
<section class="body">
    <header class="header">
        <div class="header-left logo-con">
            <a href="#" class="logo">FOOD</a>
        </div>
        <div class="header-right">
            <form action="pages-search-results.html" class="search">
                <div class="input-group input-search">
                    <input type="text" class="form-control" name="search-a" id="search-a" placeholder="搜索...">
                    <button class="btn btn-default" type="submit" style="color: #ccc;padding: 0;background-color: #fff;">
                        <i class="fa fa-search"></i>
                    </button>
                </div>
            </form>
            <span class="separator"></span>
            <ul class="notifications">
                <li>
                    <a href="#" class="dropdown-order notification-icon">
                        <i style="font-size:17px" class="fa">&#xf233</i>
                        <span class="badge">
									<font style="vertical-align: inherit;">0</font>
								</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="dropdown-order notification-icon">
                        <i style="font-size:17px" class="fa">&#xf0e0</i>
                        <span class="badge">
									<font style="vertical-align: inherit;">0</font>
								</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="dropdown-order notification-icon">
                        <i style="font-size:17px" class="fa">&#xf0f3</i>
                        <span class="badge">
									<font style="vertical-align: inherit;">0</font>
								</span>
                    </a>
                </li>
            </ul>
            <span class="separator"></span>
            <div id="button" class="userbox">
                <a href="#" data-toggle="dropdown">
                    <figure class="profile-picture">
                        <img src="static/images/user.jpg" alt="舒克·张" class="img-circle" data-lock-picture="头像">
                    </figure>
                    <div class="profile-info" data-lock-name="舒克" data-lock-email="337828925@qq.com">
                            <span class="name">
									<font style="vertical-align: inherit;">吹气球的葫芦娃</font>
								</span>
                        <span class="role">
									<font style="vertical-align: inherit;">管理员</font>
								</span>
                    </div>
                    <i style="font-size:18px;font-weight: bold;color: #777777;" class="fa">&#xf107</i>
                </a>
                <div class="dropdown-menu">
                    <ul class="list-unstyled">
                        <li class="divider"></li>
                        <li>
                            <a href="${pageContext.request.contextPath}/admin/">
                                <i style="font-size:24px" class="fa">&#xf007</i>
                                <font style="vertical-align: inherit;">注册</font>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i style="font-size:24px" class="fa">&#xf011</i>
                                <font style="vertical-align: inherit;" type="button" id="logout">退出</font>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!-- <div class="inner-wrapper"> -->
    <aside id="sidebar-left" class="sidebar-left">
        <div class="sidebar-header">
            <div class="sidebar-toggle">
                <a href="index.jsp">
                    <i style="font-size:20px" class="fa">&#xf00b</i>
                </a>
            </div>
        </div>
        <div class="nav scrollbar">
            <div class="nav-content">
                <nav id="menu" role="navigation">
                    <ul class="nav-main" id="list">
                        <li class="nav-parent">
                            <a>
                                <i style="font-size:24px" class="fa">&#xf0f6</i>
                                <span>
                                            <font style="vertical-align: inherit;"> 菜单管理</font>
                                    </span>
                            </a>
                            <ul class="nav nav-children">
                                <li>
                                    <a href="${pageContext.request.contextPath}/admin/cuisineList" id="page_1">
                                        <font style="vertical-align: inherit;">菜单列表</font>
                                    </a>

                                </li>
                                <li>
                                    <a href="${pageContext.request.contextPath}/admin/cuisineAdd" id="page_2">
                                        <font style="vertical-align: inherit;">添加菜单</font>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="nav-parent">
                            <a>
                                <i style="font-size:24px" class="fa">&#xf2c0</i>
                                <span>
                                        <font style="vertical-align: inherit;">订单管理</font>
                                    </span>
                            </a>
                            <ul class="nav nav-children">
                                <li>
                                    <a href="${pageContext.request.contextPath}/admin/payList">
                                        <font style="vertical-align: inherit;">已支付订单</font>
                                    </a>
                                    <a href="${pageContext.request.contextPath}/admin/unPayList">
                                        <font style="vertical-align: inherit;">未支付订单</font>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="nav-parent">
                            <a>
                                <i style="font-size:24px" class="fa">&#xf2c0</i>
                                <span>
                                        <font style="vertical-align: inherit;">分类管理</font>
                                    </span>
                            </a>
                            <ul class="nav nav-children">
                                <li>
                                    <a href="${pageContext.request.contextPath}/admin/categoryAdd">
                                        <font style="vertical-align: inherit;">添加分类</font>
                                    </a>
                                </li>
                                <li>
                                    <a href="${pageContext.request.contextPath}/admin/categoryList">
                                        <font style="vertical-align: inherit;">分类列表</font>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </aside>
            <section class="content-body">
                <header class="page-header">
                    <h2>所有订单</h2>
                </header>
                <section class="panel" id="orderMenu1" style="display: block;">
                    <div class="panel-body">
                        <div class="row">
                            <div class="con-head">
                                <button id="addToTable" class="btn-primary">
                                    <p></p><p></p>
                                    <font style="vertical-align: inherit;">订单列表</font>
                                    <i style="font-size:15px" class="fa">&#xf067</i>
                                    </a>
                                </button>
                            </div>
                        </div>
                        <div class="dataTables-wrapper">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th class="sorting" style="width: 318px;">
                                                <font style="vertical-align: inherit;">订单号</font>
                                            </th>
                                            <th class="sorting" style="width: 318px;">
                                                <font style="vertical-align: inherit;">订单总价</font>
                                            </th>
                                            <th class="sorting" style="width: 318px;">
                                                <font style="vertical-align: inherit;">下单时间</font>
                                            </th>
                                            <th class="sorting-disabled">
                                                <font style="vertical-align: inherit;">操作</font>
                                            </th>
                                        </tr>
                                    </thead>
                                    <c:forEach items="${page.list}" var="order" varStatus="status">
                                    <tr>
                                        <td align="center">${status.index+1}</td>
                                        <td>${order.orderNumber}</td>
                                        <td align="center">${order.totalPrice}</td>
                                        <td align="center">${order.createTime}</td>
                                        <td align="center" valign="middle"><a href="${pageContext.request.contextPath}/admin/orderDelete?id=${order.orderId}"><i style="font-size:15px" class="fa">&#xf014</i></a>&nbsp;&nbsp;
<%--                                            <a href="${pageContext.request.contextPath}/admin/orderFind?id=${order.orderId}">修改</a></td>--%>
                                    </tr>
                                </c:forEach>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </section>
<%--                <div class="row datatables-footer">--%>
<%--                    <div class="skip">--%>
<%--                        <div id="pages">--%>
<%--                            <div class="pages">--%>
<%--                                <div id="pagination">--%>
<%--                                    <ul id="page">--%>
<%--                                        <li>--%>
<%--                                            <a href="#" id="order1">1</a>--%>
<%--                                        </li>--%>
<%--                                        <li>--%>
<%--                                            <a href="#" id="order2">2</a>--%>
<%--                                        </li>--%>
<%--                                    </ul>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </section>--%>
<%--        </div>--%>
<%--    </section>--%>
<%--    <script>--%>
<%--        // 分页显示当前所有订单--%>
<%--        // 第二页--%>
<%--        $(document).ready(function() {--%>
<%--            $("#order2").click(function() {--%>
<%--                $.ajax({--%>
<%--                    url: 'http://39.105.232.109:3000/order/getInfoByPage',--%>
<%--                    type: 'POST',--%>
<%--                    dataType: "JSON",--%>
<%--                    data: {--%>
<%--                        pageSize: 5,--%>
<%--                        page: 2--%>
<%--                    },--%>
<%--                    success: function(data) {--%>
<%--                        console.log(data.info)--%>
<%--                        $(".order_tb").eq(1).find("tr").eq(0).find("td").eq(0).html(data.info.list[0].food);--%>
<%--                        $(".order_tb").eq(1).find("tr").eq(0).find("td").eq(1).html(data.info.list[0].receivables);--%>
<%--                        $(".order_tb").eq(1).find("tr").eq(0).find("td").eq(2).html(data.info.list[0].drawee);--%>
<%--                        order_id_1 = data.info.list[0]._id;--%>

<%--                        $(".order_tb").eq(1).find("tr").eq(1).find("td").eq(0).html(data.info.list[1].food);--%>
<%--                        $(".order_tb").eq(1).find("tr").eq(1).find("td").eq(1).html(data.info.list[1].receivables);--%>
<%--                        $(".order_tb").eq(1).find("tr").eq(1).find("td").eq(2).html(data.info.list[1].drawee);--%>
<%--                        order_id_2 = data.info.list[1]._id;--%>

<%--                        $(".order_tb").eq(1).find("tr").eq(2).find("td").eq(0).html(data.info.list[2].food);--%>
<%--                        $(".order_tb").eq(1).find("tr").eq(2).find("td").eq(1).html(data.info.list[2].receivables);--%>
<%--                        $(".order_tb").eq(1).find("tr").eq(2).find("td").eq(2).html(data.info.list[2].drawee);--%>
<%--                        order_id_3 = data.info.list[2]._id;--%>
<%--                        $(".order_tb").eq(1).find("tr").eq(3).find("td").eq(0).html(data.info.list[3].food);--%>
<%--                        $(".order_tb").eq(1).find("tr").eq(3).find("td").eq(1).html(data.info.list[3].receivables);--%>
<%--                        $(".order_tb").eq(1).find("tr").eq(3).find("td").eq(2).html(data.info.list[3].drawee);--%>
<%--                        order_id_4 = data.info.list[3]._id;--%>

<%--                        $(".order_tb").eq(1).find("tr").eq(4).find("td").eq(0).html(data.info.list[4].food);--%>
<%--                        $(".order_tb").eq(1).find("tr").eq(4).find("td").eq(1).html(data.info.list[4].receivables);--%>
<%--                        $(".order_tb").eq(1).find("tr").eq(4).find("td").eq(2).html(data.info.list[4].drawee);--%>
<%--                        order_id_5 = data.info.list[4]._id;--%>
<%--                    }--%>
<%--                })--%>
<%--            });--%>
<%--        });--%>
<%--        // 修改订单信息--%>
<%--        $(document).ready(function() {--%>
<%--            $("#editSucc").click(function() {--%>
<%--                var _id = $("#orderId").val();--%>
<%--                var food = $("#orderChoice").val();--%>
<%--                var receivables = $("#orderPay").val();--%>
<%--                var drawee = $("#orderTel").val();--%>
<%--                $.ajax({--%>
<%--                    url: 'http://39.105.232.109:3000/order/updata',--%>
<%--                    type: 'POST',--%>
<%--                    dataType: 'JSON',--%>
<%--                    data: {--%>
<%--                        _id: order_id_1,--%>
<%--                        food: food,--%>
<%--                        receivables: receivables,--%>
<%--                        drawee: drawee--%>
<%--                    },--%>

<%--                    success: function(data) {--%>
<%--                        if (data.err == 0) {--%>
<%--                            window.location.href = 'order.html'--%>
<%--                        } else {--%>
<%--                            alert(data.msg)--%>
<%--                        }--%>
<%--                        alert("确定修改吗？")--%>
<%--                    }--%>
<%--                });--%>
<%--            });--%>
<%--        });--%>
<%--        // 删除订单--%>
<%--        $(document).ready(function() {--%>
<%--            $(".removeMenu").eq(3).click(function() {--%>

<%--                $.ajax({--%>
<%--                    url: 'http://39.105.232.109:3000/order/del',--%>
<%--                    type: 'POST',--%>
<%--                    dataType: "JSON",--%>
<%--                    data: {--%>
<%--                        _id: order_id_1--%>
<%--                    },--%>

<%--                    success: function(data) {--%>
<%--                        console.log(data)--%>
<%--                        alert(data.msg)--%>
<%--                    }--%>
<%--                });--%>
<%--            });--%>
<%--        });--%>
<%--        // 删除订单--%>
<%--        $(document).ready(function() {--%>
<%--            $(".removeMenu").eq(4).click(function() {--%>

<%--                $.ajax({--%>
<%--                    url: 'http://39.105.232.109:3000/order/del',--%>
<%--                    type: 'POST',--%>
<%--                    dataType: "JSON",--%>
<%--                    data: {--%>
<%--                        _id: order_id_1--%>
<%--                    },--%>

<%--                    success: function(data) {--%>
<%--                        console.log(data)--%>
<%--                        alert(data.msg)--%>
<%--                    }--%>
<%--                });--%>
<%--            });--%>
<%--        });--%>

<%--        // 删除订单--%>
<%--        $(document).ready(function() {--%>
<%--            $(".removeMenu").eq(5).click(function() {--%>

<%--                $.ajax({--%>
<%--                    url: 'http://39.105.232.109:3000/order/del',--%>
<%--                    type: 'POST',--%>
<%--                    dataType: "JSON",--%>
<%--                    data: {--%>
<%--                        _id: order_id_1--%>
<%--                    },--%>

<%--                    success: function(data) {--%>
<%--                        console.log(data)--%>
<%--                        alert(data.msg)--%>
<%--                    }--%>
<%--                });--%>
<%--            });--%>
<%--        });--%>

<%--        // 删除订单--%>
<%--        $(document).ready(function() {--%>
<%--            $(".removeMenu").eq(6).click(function() {--%>

<%--                $.ajax({--%>
<%--                    url: 'http://39.105.232.109:3000/order/del',--%>
<%--                    type: 'POST',--%>
<%--                    dataType: "JSON",--%>
<%--                    data: {--%>
<%--                        _id: order_id_1--%>
<%--                    },--%>

<%--                    success: function(data) {--%>
<%--                        console.log(data)--%>
<%--                        alert(data.msg)--%>
<%--                    }--%>
<%--                });--%>
<%--            });--%>
<%--        });--%>
<%--        // 删除订--%>
<%--        $(document).ready(function() {--%>
<%--            $(".removeMenu").eq(7).click(function() {--%>

<%--                $.ajax({--%>
<%--                    url: 'http://39.105.232.109:3000/order/del',--%>
<%--                    type: 'POST',--%>
<%--                    dataType: "JSON",--%>
<%--                    data: {--%>
<%--                        _id: order_id_1--%>
<%--                    },--%>

<%--                    success: function(data) {--%>
<%--                        console.log(data)--%>
<%--                        alert(data.msg)--%>
<%--                    }--%>
<%--                });--%>
<%--            });--%>
<%--        });--%>



<%--        // 用户退出--%>
<%--        $(document).ready(function() {--%>
<%--            $("#logout").click(function() {--%>
<%--                $.ajax({--%>
<%--                    url: 'http://39.105.232.109:3000/user/logout',--%>
<%--                    type: 'POST',--%>
<%--                    dataType: "JSON",--%>

<%--                    success: function(data) {--%>
<%--                        if (data.err == -999) {--%>
<%--                            window.location.href = 'login.jsp'--%>
<%--                            localStorage.removeItem("login_id")--%>
<%--                        } else {--%>
<%--                            alert(data.msg)--%>
<%--                        }--%>
<%--                        alert("确定退出码？");--%>
<%--                        // console.log(data);--%>
<%--                    }--%>
<%--                });--%>

<%--            });--%>
<%--        });--%>
<%--    </script>--%>
</body>